<template>
	  <view class="container">
	    <view class="header">
	      <text class="title">专业e查通</text>
	    </view>
	
	    <view class="form">
	      <input
	        v-model="form.phoneOrEmail"
	        placeholder="输入手机号/邮箱"
	        class="input"
	      />
	      <input
	        v-model="form.password"
	        placeholder="输入密码"
	        password
	        class="input"
	      />
	
	      <button class="login-btn" @click="handleLogin">登录</button>
	      <button class="register-btn" @click="handleRegister">注册</button>
	    </view>
	
	    <view class="footer">
	      <text>登录/注册表示您同意</text>
		  <text class="link" @click="goToUserAgreement">《用户协议》</text>
		  <text>和</text>
		  <text class="link" @click="goToPrivacyPolicy">《隐私政策》</text>
	    </view>
	  </view>
</template>

<script>
	
	function goToUserAgreement(){
		uni.navigateTo({
		    url: '/pages/agreement/userAgreement/userAgreement'  
		  });+
	},
	// function goToPrivacyPolicy(){
	// 	uni.navigateTo({
	// 	    url: '/pages/agreement/user'  
	// }
	
	
	
	
</script>

<style>
	.container {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  padding: 60rpx 30rpx;
	}
	
	.header {
	  margin-top: 100rpx;
	  margin-bottom: 60rpx;
	}
	
	.title {
	  font-size: 36rpx;
	  font-weight: bold;
	}
	
	.form {
	  width: 100%;
	  display: flex;
	  flex-direction: column;
	  gap: 20rpx;
	}
	
	.input {
	  width: 100%;
	  padding: 20rpx;
	  background-color: #f5faff;
	  border-radius: 10rpx;
	  font-size: 28rpx;
	}
	
	.login-btn {
	  width: 100%;
	  padding: 20rpx;
	  background-color: #c4c9cf;
	  color: white;
	  border-radius: 30rpx;
	  font-size: 30rpx;
	  margin-top: 20rpx;
	}
	
	.register-btn {
	  width: 100%;
	  padding: 20rpx;
	  background-color: #f5faff;
	  color: black;
	  border-radius: 30rpx;
	  font-size: 30rpx;
	  margin-top: 10rpx;
	}
	
	.footer {
	  margin-top: 60rpx;
	  font-size: 24rpx;
	  color: #999;
	  text-align: center;
	  padding: 20rpx;
	}
</style>